<template>
  <div id="zqNav" class="zq-navbar" :style="{'height':headerModule.headerHeight+'px'}">
    <app-nav class="app-nav"></app-nav>
  </div>
</template>

<script>
import appNav from "./app-nav";

export default {
  name: "zqNav",
  components: {
    appNav
  },
  props: {
    menu: {
      type: Boolean,
      default: true
    }
  },
  data() {
    return {

    };
  },
  created() { },
  methods: {

  }
};
</script>

<style lang="scss" scoped>
@import "~@/styles/index.scss";

.zq-navbar {
  cursor: move;
  -webkit-app-region: drag;
  user-select: none;
  background-color: $baseColor;

  .app-nav {
    position: fixed;
    z-index: 6666;
    right: 10px;
    top: 20px;
    cursor: pointer;
    -webkit-app-region: no-drag;
  }
}
</style>